<!--
 * @Descripttion: 
 * @version: 
 * @Author: siebe
 * @Date: 2021-11-15 00:37:12
 * @LastEditors: siebe
 * @LastEditTime: 2021-11-23 01:03:31
-->
<template>
    <div id="app">
        <div id="cover"></div>
        <Header></Header>
        <Todo></Todo>
        <Footer></Footer>
    </div>
</template>

<script>
import Header from './todo/header.vue'
import Footer from './todo/footer.jsx'
import Todo from './todo/todo.vue'

export default {
    components: {
        Header,
        Todo,
        Footer,
    },
    data() {
        return {
            text: "hello a"
        }
    },
    methods: {

    }
}
</script>

<style scoped>
#test {
    color: red;
}
#app {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#cover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #999;
    opacity: 0.8;
    z-index: -1;
}
</style>